﻿
<!DOCTYPE html>
<html lang="zh-CN" data-use-rem="750">
<head>
<meta charset="utf-8">
<title>添加地址</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="m.gome.com.cn">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="email=no">
<meta http-equiv="expires" content="0">
<meta name="applicable-device" content="mobile">


<script>(function(){var b=document.querySelector('meta[name="viewport"]')||document.createElement("meta");b.setAttribute("name","viewport");if(window.is_zoom&&"Y"==is_zoom)var c=1,a=1;else a=(c=window.devicePixelRatio)?1/c:1;document.documentElement.setAttribute("data-dpr",c||1);b.setAttribute("content","width=device-width,initial-scale=1, maximum-scale="+a+", minimum-scale="+a+", user-scalable=no,viewport-fit=cover");document.head.appendChild(b);document.addEventListener("DOMContentLoaded",function(){b.setAttribute("content","width=device-width,initial-scale=1, maximum-scale="+a+", minimum-scale="+a+", user-scalable=no,viewport-fit=cover")})})();</script>
<script>(function(){document.documentElement.getAttribute("data-dpr");var a=100/750*document.documentElement.offsetWidth;document.querySelector("html").style.fontSize=a+"px";window.addEventListener("resize",function(){var a=100/750*document.querySelector("html").offsetWidth;document.querySelector("html").style.fontSize=a+"px"})})();</script>
<link rel="stylesheet" href="address/css/LArea.css">


<link type="text/css" rel="stylesheet" href="address/css/gomeplusui.css">
<link rel="stylesheet" href="address/css/layout.min.af6899f22c.css">

<link rel="stylesheet"
	href="address/css/edit_consignee_address.253fe2df6b.css">
<!-- 模块1：四级控件 css start -->
<link rel="stylesheet" type="text/css"
	href="address/css/zepto.aslider.css">
<link rel="stylesheet" type="text/css" href="address/css/swipe.css">
<link rel="stylesheet" type="text/css" href="address/css/tab_100.css">
<link rel="stylesheet" type="text/css"
	href="address/css/sele_addr_100.css">

<script type="text/javascript" src="address/js/jquery-1.8.3.min.js"></script>
<script src="address/js/city-picker.data.js"></script>
<script src="address/js/city-picker.js"></script>
<!-- 模块1：四级控件 css end -->
</head>
<body>
</head>
<body class="opg  ">
	<header class="header">
		<!-- 左中右结构 -->
		<div class="h-left">
			<a href="javascript:;" class="h-back" id="goback"><em
				class="iconn-1"></em></a>
		</div>

		<div class="h-cnt flex-cell">
			<h1 class="h-tit">添加地址</h1>

		</div>
		<div class="h-right">
			<!-- 客服 -->

			<!-- 购物车 -->

			<!-- 首页 -->

			<!-- 自定义文本 -->

			<!-- 分享 -->

			<!-- 搜索 -->

			<!-- 菜单 -->
		</div>

	</header>
	<form action="isaddaddress" method="get">
		<input type="hidden" name="upd" value="${upd}">
		 <input type="hidden" name="vipid" value="${vipid}">

		<ul class="list">

			<li class="item flexbox consignee"><label
				class="title three_word">收货人：</label> <#if (addinfo.username)??>
				<input class="desc flex1" name="username" type="text"
					placeholder="请输入您的姓名" value="${addinfo.username}"> <input
					type="hidden" value="${addinfo.id}" name="id"> <#else>
				<input class="desc flex1" name="username" type="text"
					placeholder="请输入您的姓名" value=""> </#if></li>
			<li class="item flexbox phoneno"><label class="title">手机号码：</label>
				<#if (addinfo.username)??> <input
					class="desc flex1" type="tel" name="phone"
					onfocus="clearContent(this)"
					onkeyup="value=value.replace(/[^0-9]/g,'')"
					onpaste="value=value.replace(/[^0-9]/g,'')"
					oncontextmenu="value=value.replace(/[^0-9]/g,'')"
					placeholder="请输入手机号码" maxlength="11" value="${addinfo.phone}">
				<#else> <input class="desc flex1" type="tel" name="phone"
					onfocus="clearContent(this)"
					onkeyup="value=value.replace(/[^0-9]/g,'')"
					onpaste="value=value.replace(/[^0-9]/g,'')"
					oncontextmenu="value=value.replace(/[^0-9]/g,'')"
					placeholder="请输入手机号码" maxlength="11" value=""> </#if></li>
			<li class="item flexbox address_area">
				<div class="content">
					<span class="title">选择地区：</span><input id="demo1" type="text"
						name="address" readonly="" placeholder="请选择地址" value="" /> <input
						id="value1" type="hidden" value="20,234,504" />
				</div>
			</li>
			<li class="item flexbox detail_address"><label class="title">详细地址：</label><input
				class="desc flex1" name="addressdetailed" placeholder="详细地址"
				type="text" value=""></li>
		</ul>
		<input type="submit" class="btn oneline" value="保存">
	</form>
	<!-- 模块2：四级控件 侧滑筛选 start -->
	<article id="publuc_address_area_div">
		<aside class="aslider addr_aslider" data-aslider="addr_aslider"
			data-flag="1">
			<div class="wrapper">
				<i class="loading" data-icon="&#x20ac;"></i>
				<div class="title_box flexbox v_center">
					<h3 class="flex1 addr_aslider_title">当前地址：</h3>
					<i class="close close_btn" data-icon="&#x0060;"></i>
				</div>
				<div class="tab_nav tab_nav_swipe tab_addr_swipe swiper-container"
					data-first="3">
					<ul class="addr_selected_list swiper-wrapper">
						<li class="areaLv1 swiper-slide"><a href="javascript:;"
							class="active"></a></li>
						<li class="areaLv2 swiper-slide"><a href="javascript:;"></a>
						</li>
						<li class="areaLv3 swiper-slide"><a href="javascript:;"></a>
						</li>
						<li class="areaLv4 swiper-slide"><a href="javascript:;"></a>
						</li>
					</ul>
				</div>

				<div class="slider">
					<div class="addr_list_box">
						<ul class="addr_list areaLv1_list">
						</ul>
						<ul class="addr_list areaLv2_list">
						</ul>
						<ul class="addr_list areaLv3_list">
						</ul>
						<ul class="addr_list areaLv4_list">
						</ul>
					</div>
				</div>
			</div>
		</aside>
	</article>
	<!-- 模块2：四级控件 侧滑筛选 end -->
	<script>
    function clearContent(obj){ var str = obj.value; if(str.indexOf('*') >= 0){ obj.value='';}}
    var AddData = {};
    AddData.add_id= "";
    AddData.province_id= "";
    AddData.city_id= "";
    AddData.district_id= "";
    AddData.town_id= "";
</script>
	<!--start-->


	<script type="text/javascript" src="address/js/appstart.js"></script>
	<script type="text/javascript" src="static/js/u_appstart.js"></script>
	<!--end-->
	<script type="text/javascript" src="address/js/zepto.min.js"></script>
	<!--start-->
	<!--wait to concat-->
	<script type="text/javascript" src="address/js/navigate.js"></script>
	<script type="text/javascript" src='address/js/zepto.module.js'></script>
	<script type="text/javascript" src="address/js/zepto.goback.js"></script>
	<script type="text/javascript" src="address/js/zepto.cookie.js"></script>
	<script type="text/javascript" src="address/js/zepto.aslider.js"></script>
	<script type="text/javascript" src='address/js/zepto.address.js'></script>
	<script type="text/javascript" src="address/js/zepto.msgbox.js"></script>
	<script type="text/javascript" src="address/js/zepto.gotop.js"></script>
	<script type='text/javascript'>
if(typeof __require__ == 'undefined'){
    var __require__ = {
        requireArray:[],
        config: function(param){
            this.requireArray.push(param)
        }
    }
}
__require__.config({
    baseUrl: '//js.gomein.net.cn/plus/js',
    deps: {"ucenter/user_info/js/my_gome/edit_consignee_address_20180115.js":"51ac901c93"},
})</script>



	<script>
    $(function(){
        _NPAD = {};
        _NPAD.titleStr  = '选择区域';
        _NPAD.classArr  = ['public_address_dom'];
        _NPAD.pid  = AddData.province_id;
        _NPAD.cid  = AddData.city_id;
        _NPAD.did  = AddData.district_id;
        _NPAD.tid  = AddData.town_id;
        _NPAD.callback  = 'ContentModule';
    })
</script>
	<!-- 模块3：四级控件 js start -->
	<!-- <script type="text/javascript" src='static/js/zepto.min.js'></script> -->
	<script type="text/javascript" src='address/js/zepto.aslider.js'></script>
	<script type="text/javascript" src='address/js/zepto.swipe.js'></script>
	<script type="text/javascript" src='address/js/addr_tab.js'></script>
	<script type="text/javascript" src='address/js/zepto.addr.js'></script>
	<script src="address/js/LAreaData1.js"></script>
	<script src="address/js/LAreaData2.js"></script>
	<script src="address/js/LArea.js"></script>



	<script>
				var area1 = new LArea();
			area1.init({
				'trigger': '#demo1', //触发选择控件的文本框，同时选择完毕后name属性输出到该位置
				'valueTo': '#value1', //选择完毕后id属性输出到该位置
				'keys': {
					id: 'id',
					name: 'name'
				}, //绑定数据源相关字段 id对应valueTo的value属性输出 name对应trigger的value属性输出
				'type': 1, //数据源类型
				'data': LAreaData //数据源
			});
			area1.value = [1, 13, 3]; //控制初始位置，注意：该方法并不会影响到input的value
			var area2 = new LArea();
			area2.init({
				'trigger': '#demo2',
				'valueTo': '#value2',
				'keys': {
					id: 'value',
					name: 'text'
				},
				'type': 2,
				'data': [provs_data, citys_data, dists_data]
			});
$(function(){
if(_NPAD.titleStr)
{
$('#publuc_address_area_div .addr_aslider_title').html(_NPAD.titleStr);
}
window.addressClick = function (){
var isdefault = 1;
if(!(/^\d+$/.test(_NPAD.pid)) || _NPAD.pid <= 0){
    	isdefault = 0;
}
_NPAD.addr = _NPAD.addr == undefined ? 0 : _NPAD.addr;

    for (var i in _NPAD.classArr) {
        $('.' + _NPAD.classArr[i]).addrSelect({
            url: '/public/addressArea',
            isdefault: isdefault,
            level1: _NPAD.pid,
            level2: _NPAD.cid,
            level3: _NPAD.did,
            level4: _NPAD.tid,
            addr_type: _NPAD.addr,
            callback: function(sele_attr, obj) {
                _NPAD.check = sele_attr;
                if(_NPAD.callback == 'ContentModule')
                {
                	ContentModule.callback(sele_attr);
                	$('.' + _NPAD.classArr[i]).removeClass('addr_tip');
                }
                else if(_NPAD.callback)
                {
sele_attr.obj = obj;
                	_NPAD.callback(sele_attr);
                }
            }
        })                
    };      
}
if(_NPAD.isInit == undefined || _NPAD.isInit == true)
{
addressClick();
}
})
</script>
	<!-- 模块3：四级控件 js end -->
	<script type="text/javascript" src="static/js/lsrequire.js"></script>
	<script type='text/javascript' src="static/js/wap.js"></script>
	<script type="text/javascript" src="static/js/sa.js"></script>
	<script>
        var qq_zone_title = "国美-买家电、3C、日用百货,享正品低价，39元包邮，货到付款！";
        var qq_zone_desc = "家电标杆，更低价格，39元包邮，货到付款，国美为您提供专业、贴心、便捷的服务。";
        var qq_zone_link = "https://m.gome.com.cn";
        var qq_zone_img = "https://app.gomein.net.cn/plus/images/public/wexin_share.png?v=20170801";

        var sina_title = "国美-买家电、3C、日用百货,享正品低价，39元包邮，货到付款！";
        var sina_desc = "家电标杆，更低价格，39元包邮，货到付款，国美为您提供专业、贴心、便捷的服务。";
        var sina_link = "https://m.gome.com.cn";
        var sina_img = "https://app.gomein.net.cn/plus/images/public/wexin_share.png?v=20170801";
</script>

</body>
</html>